<template>
  <div class="topzong">
    <div class="top">
      <div class="left">
        所在城市：
        <span>{{weizhi()}}</span>
      </div>
      <div class="right">
        <span>
          你好，
          <span>123</span>
        </span>
        <router-link to="/index"><span>退出</span></router-link> |
        <span>我的订单</span> |
        <span>我的消息</span> |
        <span>我是商家</span> |
        <span>
          <i class="iconfont icon-dianhua"></i>400-800-8820
        </span>
      </div>
    </div>
  </div>
</template>

<script>
// import BMap from 'BMap'
// import AMap from "AMap";
export default {
  props: [],

  data() {
    return {
      LocationCity: "正在定位" //给渲染层定义一个初始值
    };
  },
  mounted() {
    /* this.getLocation(); */
  },
  methods: {
    weizhi(){
      return localStorage.weizhi
    }
  }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
.topzong {
  width: 100%;
  background-color: #f2f2f2;
  line-height: 2rem;
  font-size: 0.8rem;
}
.top {
  width: 80%;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
}
.left {
}
.right {
  display: flex;
  justify-content: space-between;
  width: 40%;
  cursor: pointer;
}
</style>
